<template>
    <div class="details">
        <div class="title">{{detail.title}}</div>
        <p class="data">
            <u-parse :content="detail.content"></u-parse>
        </p>
        <span class="date">{{detail.createtime}}</span>
    </div>
</template>
<script>
export default {
    data() {
        return {
			detail:{},
			id:0
		};
    },
	onLoad(e) {
		if(e.id){
			this.id = e.id
		}
		this.getdetail()
	},methods:{
		getdetail(){
			var that = this;
			this.$.ajax(
			  1,
			  "POST",
			  "index/getnoticedetail",
			  {
			    id: this.id
			  },
			  (res) => {
			    if (res.code == 1) {
			      that.detail = res.data.detail;
			    }
			  }
			);
		}
	}
};
</script>
<style scoped lang="scss">
.details {
  margin-top: 20rpx;
  background: #fff;
  padding: 30rpx;

  .title {
    font-family: Alibaba PuHuiTi 2;
    font-size: 36rpx;
    font-weight: 700;
    line-height:50rpx;
    //text-align: center;
  }

  .data {
    font-family: Alibaba PuHuiTi 2;
    font-size: 30rpx;
    font-weight: 400;
    line-height: 60rpx;
    text-align: justified;
    color: #656565;
    margin-top: 30rpx;
  }

  .date {
    display: block;
    color: #999;
      font-weight: 400;
    padding-top: 30rpx;
  }
}
</style>
